Accessible doesn't have to mean ugly 無障礙設計不等於醜

為了讓網頁內容更易讀，WCAG（網頁可訪問性指南）有一些簡單規則：普通大小的文字（18畫素以下）需要有4.5:1的對比度，大號文字則需要3:1的對比度。這些規則在使用淺色背景配深色文字時很容易做到。但是當我們想用各種顏色時，事情就變得有點複雜了

Flipping the contrast 對比度的處理技巧
當我們在彩色背景上放白色文字時，要達到4.5:1的對比度，背景色常常需要調得很深。這可能會帶來一個問題：太深的背景色會很搶眼，特別是當這部分內容不應該成為頁面重點時。

解決方法很簡單：把深淺關係調換一下。用淺色背景配深色文字，效果會好很多。這樣既能保持顏色的存在感，又不會太過顯眼。

Rotating the hue 顏色搭配的小技巧
在彩色背景上放彩色文字比放白色文字更難處理，尤其是當我們要為深色區域選擇次要文字的顏色時。如果只是調整原有顏色的明暗度和鮮豔度，很難在不接近白色的情況下達到要求的對比度。

有個簡單的解決辦法：換個顏色試試。因為不同顏色天生就有明暗差異，我們可以選擇更亮的顏色，比如青色、粉紅色或者黃色。這樣就能既保持顏色的美感，又讓文字容易看清。